<template>
  <div class="nei">
    <van-swipe :autoplay="3000">
      <van-swipe-item v-for="(image, index) in images" :key="index">
        <img v-lazy="image" />
      </van-swipe-item>
    </van-swipe>
  </div>
</template>
<script>
import Vue from "vue";
import { Lazyload } from "vant";

Vue.use(Lazyload);
export default {
  data() {
    return {
      images: [
        "https://cdn.it120.cc/apifactory/2018/11/07/76d9a2c2bd56c4ac0497b5d360c6bc06.png",
        "https://cdn.it120.cc/apifactory/2018/11/06/1a6dc56d16dcec64639d9ea624ebdd46.jpg",
        "https://cdn.it120.cc/apifactory/2018/11/07/ad7e06f98e8910ff789b6e577b36c20b.jpg",
      ],
    };
  },
};
</script>
<style lang="scss">
.van-swipe {
  width: 100%;
  height: 12rem;
}
.van-swipe-item {
  width: 100%;
  height: 12rem;
  img {
    width: 100%;
    height: 100%;
  }
}
</style>